<template>
	<view class="review-box page-box">
		<view style="height: 148rpx;">
			<u-navbar bgColor="transparent" height="74">
				<view class="u-nav-slot" slot="left" >
					<image class="image1" src="@/static/images/review/fanhui.png" @click="goBack" />
					<image class="image2" src="@/static/images/login/jinrirenwu.png" />
					<image class="image3" src="@/static/images/login/sousuo.png" />
				</view>
				<view class="u-nav-slot-center" slot="center">
					<span>每日任务</span>
				</view>
			</u-navbar>
		</view>

		<view class="content">
			

		</view>
		<!-- 活跃度 -->
		<view class="livenes">
			<span>本周活跃度</span>
			<span class="num">0</span>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {

			};
		},
		methods: {
			change(e) {
				console.log("e:", e);
			},
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			tabChange(val) {
				console.log(val);
				this.currentTab = val;
			}
		}
	}
</script>

<style lang="scss">
	@function px_2_vw($px) {
		@return #{$px * 100 / 1920}vw;
	}

	.page-box {
		background: #505CFE;
		position: relative;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	::v-deep .u-navbar__content__left {
		margin: 0 33rpx !important;
	}
	.u-nav-slot {
		.image1 {
			width: px_2_vw(52);
			height: px_2_vw(63);
		}

		.image2 {
			width: px_2_vw(49);
			height: px_2_vw(58);
			margin: 0 90rpx;
		}

		.image3 {
			width: px_2_vw(55);
			height: px_2_vw(55);
		}
	}

	.u-nav-slot-center {
		display: flex;
		align-items: center;
		color: #B0B0B0;
		font-size: px_2_vw(54);

	}

	.content {
		flex: 1;
		background: #fff;
		border-radius: 65rpx 65rpx 0 0;
		margin: 0 54rpx 0rpx 54rpx;
		padding: 57rpx 50rpx;
		

	}
	.livenes {
		display: flex;
		flex-direction: column;
		position: absolute;
		align-items: center;
		justify-content: center;
		left:0;
		bottom: 131rpx;
		color: #FEFEFF;
		font-size: px_2_vw(22);
		width: px_2_vw(155);
		height: px_2_vw(108);
		background-image: url('../../static/images/login/huoyuedu.png');
		background-size: 100% 100%;
		.num {
			font-size: px_2_vw(34);
		}
	}
</style>